import Vue from 'vue'
import Vuex from 'vuex'

// 导入快捷访问数据的 getters
import getters from './getters'

// 导入需要组装的 vuex 模块
import app from './modules/app'
import settings from './modules/settings'
import user from './modules/user'

// 导入持久化 vuex 数据的插件，得到一个函数
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

// 创建 store 实例
const store = new Vuex.Store({
  // 为 vuex 配置可用的插件
  plugins: [createPersistedState()],
  // 组装模块的
  modules: {
    app,
    settings,
    user
  },
  // 快捷访问
  // 组件：this.$store.getters.token
  // JS文件：store.getters.token
  getters
})

// 导出 store 实例
export default store
